.show{
  /* opacity: 1;
  transition:all 0.9s ease-in; */
  animation: show-item 2s ease-in forwards;
}
.hide{animation: hide-item 2s ease-in forwards;}

@keyframes hide-item {
  0%{
    opacity: 1;
    color: yellow;
    font-size: 30px;
  }
  50%{
    opacity: 0.5;
    color: red;
  }
  100%{
    opacity: 0;
    color: green;
    font-size: 12px;
  }
}

@keyframes show-item {
  0%{
    opacity: 0;
    color: green;
    font-size: 12px;
  }
  50%{
    opacity: 0.5;
    color: red;
  }
  100%{
    opacity: 1;
    color: yellow;
    font-size: 30px;
  }
}

.boss-text-enter{
  opacity: 0;
}
.boss-text-enter-active{
  opacity: 1;
  transition: opacity 2000ms;
  font-size: 15px;
}
.boss-text-enter-done{
  opacity: 1;
  font-size: 22px;
}
.boss-text-exit{
  opacity: 1;
  font-size: 22px;
}
.boss-text-exit-active{
  opacity: 0;
  transition: opacity 2000ms;
  font-size: 15px;
}
.boss-text-exit-done{
  opacity: 0;
}
